﻿<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Swiper demo</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">

  <!-- Link Swiper's CSS -->
  <link rel="stylesheet" href="js/swiper-4.5.0/dist/css/swiper.min.css">
  <link rel="stylesheet" href="css/into.css" />
  <link rel="stylesheet" href="css/reset.css" />
  


</head>
<body>
  <!-- Swiper -->
  <div class="swiper-container">
    <div class="swiper-wrapper">
      <div id="Slide1" class="swiper-slide"> 
      	<a href="home.jsp">
      		<span>进入校园网</span>
      		<div class="liquid"></div> 
      	</a>
      </div>
      <div id="Slide2" class="swiper-slide">
      	<a href="home.jsp">
      		<span>进入校园网</span>
      		<div class="liquid"></div> 
      	</a>
      </div>
      <div id="Slide3" class="swiper-slide">
      <a href="home.jsp">
      		<span>进入校园网</span>
      		<div class="liquid"></div> 
      	</a>
      </div>
      <div id="Slide4" class="swiper-slide">
      <a href="home.jsp">
      		<span>进入校园网</span>
      		<div class="liquid"></div> 
      	</a>
      </div>
    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
  </div>

  <!-- Swiper JS -->
  <script src="js/swiper-4.5.0/dist/js/swiper.min.js"></script>
  <script type="text/javascript" src="js/into.js" ></script>
</body>
</html>
